<template>
    <div>
        <h1>{{descinfo.title}}</h1>
        <hr>
        <div class="content" v-html="descinfo.content"></div>
    </div>
</template>

<script>


export default{
    data(){
        return{
            descinfo:{}
        }
    },
    created(){
        this.getDoodsDesc();
    },
    methods:{
        async getDoodsDesc(){
          const {data} = await this.$http.get('/api/goods/getdesc/' + this.id);
          if(data.status === 0) return (this.descinfo = data.message[0]);
        }
    },
    props:["id"]
}
</script>

<style>
h1{
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}
.content img{
    width: 100%;
}
.content table{
    width: 100%;
}
</style>
